﻿<div id="window_change_pass"></div>
<div id="window_change_Email"></div>
@*<div class="easyui-accordion" style="width: 270px;" data-options="multiple:true">
    <div title="Thông tin tài khoản" data-options="selected:false">
        <ul class="menu_acccount">
            <li><a href="/Account/ChangeInfo">Xem/Cập nhật thông tin cá nhân</a></li>
            <li><a href="javascript:void(0)" onclick="return changePass();">Thay đổi mật khẩu</a></li>
        </ul>
    </div>
    <div title="Quản lý tin rao vặt" data-options="selected:true">
        <ul class="menu_acccount">
            <li><a href="">Danh sách đăng tin rao vặt</a></li>
            <li><a href="">Rao vặt đã hết hạn</a></li>
            <li><a href="">Rao vặt bị từ chối</a></li>
            <li><a href="">Đăng ký tin rao vặt vip</a></li>
        </ul>
    </div>
    <div title="Tin nhắn cá nhân" data-options="selected:false">
        <ul class="menu_acccount">
            <li><a href="">Gởi tin nhắn</a></li>
            <li><a href="">Danh sách tin đã nhận</a></li>
            <li><a href="">Danh sách tin đã gởi</a></li>
            <li><a href="">Tin nhắn từ ban quản trị</a></li>
        </ul>
    </div>
</div>*@
<div class="accordion" style="width: 268px;" data-options="multiple:true">
    <div class="panel" style="width: 268px;"><div class="panel-header accordion-header accordion-header-selected" style="height: 16px; width: 258px;"><div class="panel-title">Thông tin tài khoản</div><div class="panel-tool"><a class="panel-tool-collapse" href="javascript:void(0)" style="display: none;"></a><a href="javascript:void(0)" class="accordion-collapse"></a></div></div><div title="" data-options="selected:false" class="panel-body accordion-body" style="display: block; width: 268px; height: auto;">
        <ul class="menu_acccount">
            <li><a href="/Account/ChangeInfo">Xem/Cập nhật thông tin cá nhân</a></li>
            <li><a href="javascript:void(0)" onclick="return changePass();">Thay đổi mật khẩu</a></li>
            
        </ul>
    </div></div>
    <div class="panel" style="width: 268px;"><div class="panel-header accordion-header accordion-header-selected" style="height: 16px; width: 258px;"><div class="panel-title">Quản lý tin rao vặt</div><div class="panel-tool"><a class="panel-tool-collapse" href="javascript:void(0)" style="display: none;"></a><a href="javascript:void(0)" class="accordion-collapse"></a></div></div><div title="" data-options="selected:true" class="panel-body accordion-body" style="display: block; width: 268px; height: auto;">
        <ul class="menu_acccount">
            <li><a href="">Danh sách đăng tin rao vặt</a></li>
            <li><a href="">Rao vặt đã hết hạn</a></li>
            <li><a href="">Rao vặt bị từ chối</a></li>
            <li><a href="">Đăng ký tin rao vặt vip</a></li>
        </ul>
    </div></div>
    <div class="panel" style="width: 268px;"><div class="panel-header accordion-header accordion-header-selected" style="height: 16px; width: 258px;"><div class="panel-title">Tin nhắn cá nhân</div><div class="panel-tool"><a class="panel-tool-collapse" href="javascript:void(0)" style="display: none;"></a><a href="javascript:void(0)" class="accordion-collapse"></a></div></div><div title="" data-options="selected:false" class="panel-body accordion-body" style="display: block; width: 268px; height: auto;">
        <ul class="menu_acccount">
            <li><a href="">Gởi tin nhắn</a></li>
            <li><a href="">Danh sách tin đã nhận</a></li>
            <li><a href="">Danh sách tin đã gởi</a></li>
            <li><a href="">Tin nhắn từ ban quản trị</a></li>
        </ul>
    </div></div>
</div>
<style type="text/css">

    .window-proxy-mask, .window-mask {
        background: #000000 !important;
    }

</style>

<script type="text/javascript">

    function changePass() {
        var window_currently = $("<div></div>");
        window_currently.appendTo("body").addClass("dialog_window").attr("id", "window_change_pass");

        window_currently.dialog({
            actions: ["Close"],
            draggable: true,
            height: 350,
            modal: true,
            resizable: false,
            title: "Thay Đổi Mật Khẩu",
            width: 400,
            close: function () {
                this.destroy();
                this.close();
            }
        }).load("/Account/ChangePass");
    }

    function changeEmail() {
        var window_currently = $("<div></div>");
        window_currently.appendTo("body").addClass("dialog_window").attr("id", "window_change_Email");

        window_currently.dialog({
            actions: ["Close"],
            draggable: true,
            height: 400,
            modal: true,
            resizable: false,
            title: "Thay Đổi Email",
            width: 400,
            close: function () {
                this.destroy();
                this.close();
            }
        }).load("/Account/ChangeEmail");
    }


    function close_window() {
        var data_window = $(".dialog_window").data("kendoWindow");
        data_window.close();
        data_window.destroy();
    }

</script>